<wicket:extend>

<form wicket:id = "editarPais">
	<div class="row">
		<div class="col-lg-6">
		<!-- Nombre del pais -->
			<div class="input-group">
				<span
					class="input-group-addon glyphicon glyphicon-globe"></span>
				<input wicket:id = "nombre" type="text" class="form-control"
					placeholder="Nombre del pais">
			</div>
		</div>
		<!-- Caracteristicas -->
		<div class="col-lg-6">
			<div class="panel panel-primary panel-transparent">
				<div class="panel-heading">
					<h2 class="panel-title">Caracteristicas</h2>
				</div>
				<div wicket:id= "caracteristicas" class="panel-body">
					<span wicket:id = "atributo"></span>
					<div class="btn-group btn-group-sm pull-right">
						<a wicket:id = "eliminar" type="button" class="btn btn-dark">
							<span class="glyphicon glyphicon-remove-circle"></span>
						</a>
					</div>
				</div>
			</div>
			<div class="input-group">
				<span class="input-group-btn">
					<a wicket:id = "addCaracteristica" class="btn btn-default">
						<span class="glyphicon glyphicon-plus"></span>
					</a>
				</span> <input wicket:id = "nuevaCaracteristica"  class="form-control"
					placeholder="Caracteristicas">
			</div>
		</div>
	</div>

	<hr></hr>
	<div class="row">
		<div class="col-lg-6">
			<div class="panel panel-primary panel-transparent">
				<div class="panel-heading">
					<h2 class="panel-title">Conexiones</h2>
				</div>
				<div wicket:id = "conexiones" class="panel-body">
					<span wicket:id = "atributo"></span>
					<div class="btn-group btn-group-sm pull-right">
						<a wicket:id = "eliminar" type="button" class="btn btn-dark">
							<span class="glyphicon glyphicon-remove-circle"></span>
						</a>
					</div>
				</div>
			</div>
			<select wicket:id = "paisSeleccionado" class="form-control"></select>
			<hr></hr>
			<button wicket:id = "agregarConexion" class = "btn btn-dark btn-sm" >Agregar</button>
		</div>
		<div class="col-lg-6">
			<div class="panel panel-primary panel-transparent">
				<div class="panel-heading">
					<h2 class="panel-title">Lugares de interes</h2>
				</div>
				<div wicket:id = "lugaresInteresantes" class="panel-body">
					<span wicket:id = "atributo"></span>
					<div class="btn-group btn-group-sm pull-right">
						<a wicket:id = "eliminar" type="button" class="btn btn-dark">
							<span class="glyphicon glyphicon-remove-circle"></span>
						</a>
					</div>
				</div>
			</div>
			<select wicket:id = "lugarSeleccionado" class = "form-control"></select>
			<hr></hr>
			<button wicket:id = "agregarLugar" class ="btn btn-dark btn-sm">Agregar</button>
		</div>
	</div>

	<hr></hr>
		<div class="row">
			<div class="col-lg-6">
				<button wicket:id="aceptar" type="submit"
					class="btn btn-dark btn-sm">Aceptar</button>
				<button type="button" class="btn btn-dark btn-sm">Cerrar</button>
			</div>
			<div class="col-lg-6">
				<div class="panel panel-primary panel-transparent">
					<div wicket:id="errores" class="panel-body">
					</div>
				</div>
			</div>
		</div>
	</form>
</wicket:extend>